#page-7 {
  display: none;
  position: absolute;
  @include square(100%);
  background-image: url("../image/page-7-bg.jpg");
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  transform-origin: center center;
  -webkit-transform-origin: center center;
  z-index: 10;
  top: 0;
  left: 0;
  overflow: hidden;

  > .tong {
    position: absolute;
    @include size(px2rem-b(858px), 100%);
    background-image: url("../image/page-7-tong.png");
    background-size: 100% auto;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }

  > .uphui {
    position: absolute;
    @include size(px2rem-b(372px), px2rem-b(104px));
    background-image: url("../image/page-7-zs-1.png");
    background-size: 100% 100%;
    top: px2rem-b(440px);
    right: px2rem-b(248px);
  }

  > .blink {
    //270 / 416 473
    position: absolute;
    @include square(px2rem-b(1074px));
    top: px2rem-b(492px - 537px);
    right: px2rem-b(527px - 537px);
  }

  > .line {
    position: absolute;
    height: px2rem-b(14px);
    background-image: url("../image/page-7-zs-3.png");
    background-size: auto 100%;
    top: px2rem-b(451px);
    right: px2rem-b(743px);
    width: 0;
  }

  .ver {
    position: absolute;
    top: px2rem-b(248px);
    right: px2rem-b(1035px);
    background-size: auto 100%;
    @include size(px2rem-b(621px), px2rem-b(190px));
    display: none;
    opacity: 0;
  }

  .ver.v-1 {
    background-image: url("../image/page-7-ver-1.png");
  }
  .ver.v-2 {
    background-image: url("../image/page-7-ver-2.png");
  }
  .ver.v-3 {
    background-image: url("../image/page-7-ver-3.png");
    -webkit-animation-delay: .8s;
    animation-delay: .8s;
  }
  .ver.v-4 {
    background-image: url("../image/page-7-ver-4.png");
    -webkit-animation-delay: 1.6s;
    animation-delay: 1.6s;
  }
  .ver.v-5 {
    background-image: url("../image/page-7-ver-5.png");
    -webkit-animation-delay: 2.4s;
    animation-delay: 2.4s;
  }
  .ver.v-6 {
    background-image: url("../image/page-7-ver-6.png");
    -webkit-animation-delay: 3.2s;
    animation-delay: 3.2s;
  }

  > .zs-1 {
    position: absolute;
    @include size(px2rem-b(807px), px2rem-b(151px));
    top: px2rem-b(464px);
    right: px2rem-b(849px);
    display: none;
    opacity: 0;
    background-image: url("../image/page-7-zs-4.png");
    background-size: 100% 100%;
  }
}